<template>
	<view class="majorQuestion">
		<navbar></navbar>
		<textNavbar myprops="专业问答"></textNavbar>
		<view class="majorQuestion-container">
			<view>问题  <text>机动车无过错， 发生交通事故怎么赔?</text> </view>
		</view>
		<view class="majorQuestion-upload">
			<view class="majorQuestion-upload-vw">
				<uni-file-picker
					v-model="imageValue1"
					fileMediatype="image" 
					:image-styles="imageStyles"
					:limit="1"
					mode="grid">
					<image class="pickerimg1" style="width: 40rpx; height: 40rpx;" src="../../../static/拍摄@1x.png" mode=""></image>
					<text  class="picker-suggest">上传视频(选填)</text>
				</uni-file-picker>
			</view>
		</view>
		<view class="majorQuestion-text">
			<view class="majorQuestion-text-tea">
				<textarea style="height: 300rpx; width: 682rpx;" placeholder-style="color:#C0C0C0; font-size: 26rpx" placeholder="请概括解答内容，让用户阅读概要后能大概了解问题，且有兴趣继续阅读。字数控制在200字以内。"/>
			</view>
		</view>
		<view class="majorQuestion-text">
			<view class="majorQuestion-text-tea">
				<textarea style="height: 400rpx; width: 682rpx;" placeholder-style="color:#C0C0C0; font-size: 26rpx" placeholder="请概括解答内容，让用户阅读概要后能大概了解问题，且有兴趣继续阅读。字数控制在200字以内。"/>
			</view>
		</view>
		<view class="majorQuestion-bottom">
			<text style="color:#888888; font-size: 24rpx; margin-left: 30rpx;">视频非必须, 但上传视频将更容易收录</text>
			<view class="majorQuestion-btn">
				<van-button type="info" round block>提交</van-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageValue1: [],
				nav: 0,
				imageStyles:{
					width:341,
					height:102,
				},
			}
		},
		methods: {
			onClickLeft() {
				console.log('点击了左边');
			},
		}
	}
</script>

<style lang="scss" scoped>
	.majorQuestion-container {
		width: 100%;
		height: 80rpx;
		font-size: 28rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.majorQuestion-container > view {
		width: 682rpx;
	}
	.majorQuestion-container > view > text {
		margin-left: 100rpx;
	}
	
	.majorQuestion-upload {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.majorQuestion-upload-vw {
		width: 90%;
	}
	
	.pickerimg1 {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		left: 48%;
		top: 56rpx;
	}
	.picker-suggest {
		width: 200rpx;
		height: 34rpx;
		font-size: 24rpx;
		position: absolute;
		left: 40%;
		top: 108rpx;
	}
	
	.majorQuestion-text {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 20rpx;
	}
	.majorQuestion-text-tea {
		width: 682rpx;
	}
	
	.majorQuestion-bottom {
		width: 100%;
		height: 450rpx;
		background-color: #EDEDED;
	}
	.majorQuestion-btn {
		width: 690rpx;
		height: 88rpx;
		margin: 100rpx 0 0 30rpx;
	}
</style>
